<template>
    <div class="col-xs-offset-2 col-xs-8">
        <div class="page-header">
            <h2>Vue Router Demo</h2>
            <button @click="back">后退</button>
            <button @click="forward">前进</button>
            <button @click="demo">测试一下'go'</button>
        </div>
    </div>
</template>

<script>
    export default {
        name:'Banner',
        methods:{
            back(){
                this.$router.back(); // 回到前一步
            },

            forward(){
                this.$router.forward(); // 返回上一步
            },

            demo(){
                // go()：router身上的API，用于前进或后退，传入正数前进，负数后退（例如：3：前进3步； -3：后退3步）
                this.$router.go(3);
            }
        }
    }
</script>